<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>学生信息</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css">
    <link rel="stylesheet" href="../../static/css/me.css" th:href="@{/css/me.css}">
</head>
<body>
<!--导航-->
<nav class="ui inverted attached segement m-padded-tb-mini">
    <!--    <div class="ui  container ">-->
    <div class="ui inverted menu">
        <h2 class=" ui teal header item">学生端</h2>
        <a th:href="@{'/student/personal'+${student.number}}" class="item"><i class="tag icon"></i>个人信息</a>
        <a th:href="@{'/student/toEditPassword'+${student.number}}" class="item"><i class="tag icon"></i>修改密码</a>
        <a th:href="@{'/student/score'+${student.number}}" class="item"><i class="tag icon"></i>成绩查询</a>
<!--        <a href="/student/score" class="item"><i class="power off icon"></i>成绩查询</a>-->
        <a href="/student/logout" class="item"><i class="power off icon"></i>退出登陆</a>

    </div>
    <!--    </div>-->


</nav>
<!--中间-->
<div>
    <h2>修改信息</h2>
    <label >注意：修改成功需要重新登陆</label>
    <form class="ui form" th:action="@{/student/InfoEdit}" th:object="${student} " method="post">
        <div></div>
        <div><input type="hidden" name="name" th:value="*{name}"/></div>

        <!--        姓名-->
        <h2 th:text="'姓名： ' + *{name}">姓名</h2>
        <input type="hidden" name="id" th:value="*{id}" />
        <!--        //学号-->
        <h2 th:text="'学号： ' + *{number}">学号</h2>
        <input type="hidden" name="number" th:value="*{number}"/>
        <!--        //密码-->
        <input type="hidden" name="password" th:value="*{password}"/>
        <!--        //-->
        <div class="field">
            <label>性别：</label>
            <input type="text" name="sex" th:value="*{sex}"/>
        </div>

        <!--        //-->
        <div class="field">
            <label>民族：</label>
            <input type="text" name="nation" th:value="*{nation}"/>
        </div>
        <!--        //-->
        <div class="field">
            <label>政治面貌：</label>
            <input type="text" name="politicalstatus" th:value="*{politicalstatus}"/>
        </div>
        <!--        //-->
        <div class="field">
            <label>地区：</label>
            <input type="text" name="area" th:value="*{area}"/>
        </div>

        <!--        //-->
        <div>
<!--            <label>学院：</label>-->
            <input type="hidden" name="college" th:value="*{college}"/>
        </div>
        <!--        //-->
        <div>
<!--            <label>专业：</label>-->
            <input type="hidden" name="major" th:value="*{major}"/>
        </div>
        <!--        //-->
        <div>
<!--            <label>班级：</label>-->
            <input type="hidden" name="schoolclass" th:value="*{schoolclass}"/>

        </div>
        <!--        //-->
        <div>
<!--            <label>学籍层次</label>-->
            <input type="hidden" name="xjcj" th:value="*{xjcj}"/>

        </div>
        <!--        //-->
        <div>
<!--            <label>学籍状态：</label>-->
            <input type="hidden" name="xjzt" th:value="*{xjzt}"/>

        </div>


        <div class="field">
            <lable>联系电话:</lable>
            <input type="text" name="phoneNum" id="phoneNum" th:value="*{phoneNum}" />
        </div>
        <!--        //-->
        <div class="field">
            <label>电子邮箱：</label>
            <input type="text" name="email" th:value="*{email}"/>

        </div>
        <!--        //-->
        <div class="field">
            <label>QQ号：</label>
            <input type="text" name="QQNum" th:value="*{QQNum}"/>

        </div>

        <br>
        <div class="field" >
            <button class="ui submit button">修改</button>
            <a class=" ui button" th:href="@{'/student/personal'+${student.number}}">返回</a>
        </div>
    </form>


    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
</div>


<!--底部-->
<footer class="ui inverted vertical segment m-padded-tb-masstive">
    <div class="ui center aligned container">
        <div class="ui inverted divided grid">
            <div class="three wide column">
                <img src="../../static/images/p1.jpeg" th:src="@{/images/p1.jpeg}" class="ui rounded image " >
            </div>
            <div class="six wide column">
                <h4 class="ui inverted header m-opacity-mini">联系我们</h4>
                <div class="ui inverted link list">
                    <h4></h4>
                    <h4 class="m-opacity-mini">Email:coke3_workmail@163.com</h4>
                    <h4 class="m-opacity-mini">Phone:13697712513</h4>
                </div>
            </div>
            <div class="seven wide column">
                <h4 class="ui inverted header m-opacity-mini">About</h4>

                <p class="m-text-lined m-opacity-mini m-text-spaced m-text-thin">
                    这是一个学生学籍管理系统，项目已开源 </p>
                <p class="m-text-lined m-opacity-mini m-text-spaced m-text-thin">
                    码云地址：https://gitee.com/Coke3/student,
                <p class="m-text-lined m-opacity-mini m-text-spaced m-text-thin">
                    SSH: git@gitee.com:Coke3/student.git</p>
                </p>
            </div>
        </div>
        <div class="ui inverted section divider"></div>
        <p class="m-text-lined m-opacity-mini m-text-spaced m-text-thin"> 吉林大学珠海学院 计算机科学与技术 </p>
    </div>

</footer>


<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.js"></script>
<!--非空验证-->
<script>
    $('.ui.form').form({
        fields : {
            name : {
                identifier: 'name',
                rules: [{
                    type : 'empty',
                    prompt: '请输入姓名'
                }]
            },
            number : {
                identifier: 'number',
                rules: [{
                    type : 'empty',
                    prompt: '请输入学号'
                }]
            },
            sex : {
                identifier: 'sex',
                rules: [{
                    type : 'empty',
                    prompt: '请输入性别'
                }]
            },
            nation : {
                identifier: 'nation',
                rules: [{
                    type : 'empty',
                    prompt: '请输入民族'
                }]
            },
            politicalstatus: {
                identifier: 'politicalstatus',
                rules: [{
                    type : 'empty',
                    prompt: '请输入政治面貌'
                }]
            },
            area : {
                identifier: 'area',
                rules: [{
                    type : 'empty',
                    prompt: '请输入地区'
                }]
            },
            phoneNum : {
                identifier: 'phoneNum',
                rules: [{
                    type : 'empty',
                    prompt: '请输入电话号码'
                }]
            },
            email : {
                identifier: 'email',
                rules: [{
                    type : 'empty',
                    prompt: '请输入电子邮箱'
                }]
            },
            QQNum : {
                identifier: 'QQNum',
                rules: [{
                    type : 'empty',
                    prompt: '请输入qq号'
                }]
            },
        }
    });
</script>
</body>
</html>